<template>
  <el-row>
    <el-col :span="20"/>
    <el-button @click="ReturnBack">返回</el-button>
  </el-row>
  <el-row/>
  <el-row/>
  <el-row/>
  <el-row>
    <el-col :span="10"/>
    <el-col :span="3">
      <el-text>想要注册的账号</el-text>
      <el-input v-model="account">请输入你的账号</el-input>
    </el-col>
  </el-row>
  <el-row v-if="message != ''">
    <el-col :span="10"/>
    <el-col :span="5">
      <el-text class="alert">{{ message }}</el-text>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="10"/>
    <el-col :span="3">
      <el-text>密码</el-text>
      <el-input type="password" v-model="password">请输入你的密码</el-input>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="10"/>
    <el-col :span="3">
      <el-text>请再次输入你的密码</el-text>
      <el-input type="password" v-model="confirmPassword">请输入你的密码</el-input>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="10"/>
    <el-col :span="1">
      <el-button>确定</el-button>
    </el-col>
  </el-row>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';

const password = ref('')
const account = ref('')
const message = ref('')
const confirmPassword = ref('')

const router = useRouter();
function ReturnBack() {
  router.go(-1)
}
</script>

<style scoped>
.el-col {
  margin: 5px;
}
</style>
